@charset "utf-8";
/* CSS Document */
body{margin: 0; padding: 0; font-size:12px; font-family: "微软雅黑"; line-height: 30px; color: #000; }
a{text-decoration: none; transition: all .4s; color: #5a5a5a;}
a:hover{color: #ec2720;}
input:focus{outline: none;}
ul,ul li{list-style: none; margin: 0; padding: 0;}
img{border: 0; vertical-align: middle; max-width: 100%; max-height: 100%; height: auto;}
p{margin: 0; padding: 0; font-size: 12px; line-height: 24px;}
.pcweb{display:block!important;}
.mobileweb{display:none!important;}
.mbbox{padding:26px 0 0 0; margin-right:20px; margin-left: auto;}
.mbbox a.mobileBtn{width:30px; height:30px; display: block;margin: 3px 0px 0 0;  cursor:pointer; position: relative;
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;
transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mbbox a.mobileBtn hr{height:4px; background:#0460bc; display:block; margin:0; padding:0; border:none; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.mbbox a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}
.mbbox a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}
.wrap{width: 1262px; margin: 0 auto;}
.header{height: 100px; background: transparent; position: fixed; top: 0; width: 100%; z-index: 9999;}
.header.bg{background: rgba(0,0,0,.75);}
.header .wrap{display: flex; justify-content: space-between;}
.header .logo{}
.header .logo a{width: 268px; height: 32px; background: url("logo.png") no-repeat; display: block; margin: 28px 0 0 0;}
.header .nav{/*margin-left: auto;*/ padding-top: 58px;}
.header .nav ul{display: flex;}
.header .nav ul li{ position: relative; padding-bottom: 12px;}
.header .nav ul li:nth-last-child(1){display: none;}
.header .nav ul li a{padding: 0 25px; line-height: 28px; font-size: 15px; color: #fff;}
/*.header .nav ul li:nth-child(2)>a{background: url("inc.png") right center no-repeat; }*/
.header .nav ul li .child{display: none; position: absolute; width: 220px; padding: 20px ; background: rgba(0,0,0,.2); top: 42px; left: 0;}
.header .nav ul li .child a{line-height: 36px; font-size: 15px; display: block; padding: 0 10px;}
.header .nav ul li a:hover{color: #ec2720;}
.header .rightlink{width: 120px;  padding-top: 58px; display: flex; height: 20px; align-items: baseline}
.header .rightlink span.line{width: 1px; height: 13px; background: url("line.jpg") no-repeat; display: block; }
.header .rightlink a.lang{margin-right: 15px; color: #fff; display: block; line-height: 20px; font-size: 14px;}
.header .rightlink a.searchBtn{width: 17px; height: 17px; display: block; background:url("sbtn.png") no-repeat; margin: 0 15px;}
.header .rightlink a.tel{width: 21px; height: 19px; display: block; background: url("tel.png") no-repeat; margin-left: 15px;}
.banner{width: 100%; height: 792px; background-image: url("banner.jpg"); background-position:  top center; background-repeat: no-repeat; background-size: cover;}
.banner .slide div{height:792px; background-position:bottom center ; background-repeat: no-repeat; background-size: cover!important;}
.iAbout{ padding: 50px 0 0 0 ;}
.iTit{font-size: 26px; line-height: 50px; color: #000; margin-bottom: 15px;}
.iAbout .con{display: flex; background: #f2f2f2;}
.iAbout .info{ padding: 70px 100px 0 100px; width: 539px; font-size: 16px; line-height: 30px;  color: #000;}
.iAbout .info h3{font-size: 18px; margin-bottom: 30px; color: #0460bc; font-weight: normal;}
.iAbout .info .highlight{color: #0460bc;}
.iAbout .info .txt{margin-bottom: 50px;}
.iAbout .zs{margin-bottom: 50px;}
.iAbout .zs ul{display: flex;}
.iAbout .zs ul li{width: 110px; border-right: 1px solid #c8c8c8; color: #5b5b5b;}
.iAbout .zs ul li:nth-last-child(1){border-right: none;}
.iAbout .zs ul li .num{font-size: 40px; line-height: 60px; padding-top: 20px; text-align: center;}
.iAbout .zs ul li .num sup{font-size: 12px; position: relative; top: -20px;}
.iAbout .zs ul li .zstit{font-size: 12px; text-align: center; line-height: 20px;}
.iAbout .pic{width: 523px;}
.iAbout .inewslist{}
.iAbout .inewslist ul li{     font-size: 14px; line-height: 30px; display: flex; justify-content: space-between;}
.iAbout .inewslist ul li a{width: 70%; word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.iAbout .inewslist ul li span{width: 25%; color: #5a5a5a;}
.searchbox{position: fixed; top:0px; height: 100vh; left: 0; right: 0; background:rgba(0,0,0,.75); z-index: 9990; display: none;}
.searchbox .searchform{width: 50%; height: 60px; background: #fff; border-radius: 5px; margin: 0 auto; margin-top: 120px; position: relative;}
.searchbox .searchform form{outline: none; display: flex;}
.searchbox .searchform form .stxt{width: 90%; height: 60px; line-height: 60px; background: none; border: none; text-indent: 20px;}
.searchbox .searchform form .sbtn{width: 10%; height: 60px; background: url(i1.png) center no-repeat; border-radius: 0 5px 5px 0; border: none;}
.searchbox .searchform a.close{height: 60px; color: #fff; font-size: 30px; position: absolute; right: -40px; top: 0; width: 40px; display: block; line-height: 60px; text-align: center;}
.iPro{padding: 50px 0 0 0; margin-bottom: 110px;}
.iPro .iProcate{}
.iPro .iProcate ul{display:flex;}
.iPro .iProcate ul li{width: 24%; margin-right: 1%;}
.iPro .iProcate ul li:nth-child(4){margin-right: 0;}
.footer{background: #0b4a7d; width: 100%; padding: 54px 0;}
.footer .wrap{display: flex;}
.footer .logo{width: 270px; padding: 9px 0; }
.footer .logo a{display: inline-block; width: 214px; height: 29px; background: url("flogo.png") center no-repeat;}
.footer .contactinfo{color: #fff; line-height: 30px;}
.footer .ewm{width: 128px; padding: 9px 0; margin-left: auto;}
.copy{height: 80px; text-align: center; color: #fff; background: #104e80; line-height: 80px; }
.copy a{color: #fff;}
.infobanner{width: 100%; height: 527px; background-image: url("infobanner.jpg"); background-position:  top center; background-repeat: no-repeat; background-size: cover;}
.maininfo{width: 100%; margin-bottom: 60px;}
.maininfo .infoTit{font-size: 16px; color: #0074d2; line-height: 80px; border-bottom: 1px solid #d6d6d6; text-align: center; height: 80px; width: 100%; margin-bottom: 60px;}
.maininfo .infoTit a{margin: 0 20px; color: #777777;  font-size: 16px;}
.maininfo .infoTit a:hover,.maininfo .infoTit a.active{color: #0074d2;}
.maininfo .honorBox{padding:50px 40px; background: #f1f1f1; }
.maininfo .honorBox ul.honorlist{display: flex; flex-wrap: wrap;}
.maininfo .honorBox ul.honorlist li{width: 46%; margin-bottom: 43px; padding: 7px; background: #fff; display: flex;}
.maininfo .honorBox ul.honorlist li:nth-child(2n){margin-right: 0; margin-left: auto;}
.maininfo .honorBox ul.honorlist li div.pic{width:277px; padding: 9px 10px; border: 1px solid #ebebeb; margin-right: 30px; }
.maininfo .honorBox ul.honorlist li .txt{ display: flex; flex-direction: column; padding: 20px 0;}
.maininfo .honorBox ul.honorlist li .txt a.tit{position: relative;  font-size: 18px; line-height: 36px; color: #686868; }
.maininfo .honorBox ul.honorlist li .txt a.tit:before{content: ""; width: 38px; bottom: -10px; height: 1px; border-bottom: 1px solid #dedede; left: 0; position: absolute;}
.maininfo .honorBox ul.honorlist li .txt a.detail{font-size: 18px; color: #686868; line-height: 36px; margin-top: auto;}
.contactbox{padding:50px 40px; background: #f1f1f1; display: flex;}
.contactbox .pic{width:58%;}
.contactbox .txt{margin: 175px 0 0 124px;  font-size: 16px; color: #767676; line-height: 36px; }
.contactbox .txt .ct{color: #0074d2;}
 .contactbox .txt .ct{font-size: 18px; color: #0065e4; line-height: 40px;}
.pagelist{margin: 30px auto; text-align: center;}
.pagelist li{display: inline-block;}
.pagelist li a{padding: 4px 6px; background: #f5f5f5; color: #000;}
.pagelist li a.current,.pagelist li a:hover{background: #1f1a17; color: #fff;}
.feedbackbox{padding:19px 17px 50px 17px; background: #f1f1f1; display: flex;}
.feedbackbox .fbBox1{padding: 15px; background: #fff;}
.feedbackbox .fbBox2{padding: 50px; background: #f1f1f1;}
.feedbackbox form{margin: 0; padding: 0;}
.feedbackbox .inputBox{display: flex; flex-wrap: wrap;}
.feedbackbox .inputBox .lineD{width: 30.3333%; padding-right: 3%; height: 30px; margin-bottom: 30px; display: flex;}
.feedbackbox .inputBox .lineD label{ width: 72px; padding-left: 42px; background-position:  left center; background-repeat: no-repeat; background-image: url(inc1.jpg);}
.feedbackbox .inputBox .lineD:nth-child(2) label{background-image: url(inc2.jpg);}
.feedbackbox .inputBox .lineD:nth-child(3) label{background-image: url(inc3.jpg);}
.feedbackbox .inputBox .lineD:nth-child(4) label{background-image: url(inc4.jpg);}
.feedbackbox .inputBox .lineD:nth-child(5) label{background-image: url(inc5.jpg);}
.feedbackbox .inputBox .lineD:nth-child(6) label{background-image: url(inc6.jpg);}
.feedbackbox .inputBox .lineD input.txt{border: 1px solid #dbdbdb; padding: 2px 4px; line-height: 24px; background: #fff; width: calc(100% - 120px);}
.feedbackbox .inputBox .lineD input.txt:focus{border: 1px solid #006ee9;}
.feedbackbox .inputBox .lineDT{ width: 100%; padding-top: 30px; margin-bottom: 30px; border-top: 1px dotted #dbdbdb;}
.feedbackbox .inputBox .lineDT label{ width: 72px; padding-left: 42px; background-position:  left center; background-repeat: no-repeat; background-image: url(inc7.jpg); display: block;}
.feedbackbox .inputBox .lineDT .txtarea{border: 1px solid #dbdbdb; padding: 2px 4px; line-height: 24px; height: 132px; background: #fff; width: calc(100% - 10px);}
.feedbackbox .inputBox .lineDT .txtarea:focus{outline: none; border: 1px solid #006ee9;}
.feedbackbox .inputBox .lineDB{ height: 36px;}
.feedbackbox .inputBox .lineDB .btn{padding: 0 32px; border-radius: 18px; border: none;  font-size: 16px; line-height: 36px; display: inline-block; background: #dcdcdc; color: #272727; cursor: pointer; transition: all .4s;}
.feedbackbox .inputBox .lineDB .btn:hover{opacity: .8;}
.feedbackbox .inputBox .lineDB .btn.success{background: #006ee9; color: #fff; margin-right: 50px;}
.aboutBox{padding: 50px 45px; background: #f1f1f1; }
.aboutBox .aboutcon{width: 46%; padding:30px 42px; background: #fff; font-size: 14px; line-height: 36px; color: #7a7a7a; 
    box-shadow:15px 15px 1px 0px rgba(229, 229, 229, 1); margin-left: 46%; margin-top: -200px; position: relative;}
.aboutBox .aboutcon h3{font-size: 24px; color: #0065e4; position: absolute; top: -180px; font-weight: normal; left: 0; right:20%; text-align: right; line-height: 60px; margin: 0; padding: 0; margin-bottom: 20px; font-weight: normal;}
.aboutBox .aboutcon>div{margin-bottom: 36px;}
.aboutBox .aboutcon .highlight{color: #0065e4;}
.aboutBox .pic{width:60%;}
.aboutBox .pic img:nth-child(1){margin-bottom: 30px;}
.ProductBox{ padding-top: 40px;}
.proBox{ margin-bottom: 115px; display: flex; background: #f6f6f6;}
.proBox .pic{width: 64%;}
.proBox .info{ width: 27%; padding: 30px 58px; margin-left: auto; display: flex; flex-direction: column;}
.proBox .info .tit{line-height: 36px; position: relative; margin-bottom: 36px; font-weight: 600;}
.proBox .info .tit:before{content: ""; height: 1px; width: 60%; border-bottom: 1px solid #cecece; position: absolute; bottom: -10px; left: 0;}
.proBox .info .tit a{font-size: 14px; color: #5896db;}
.proBox .info .intro{font-size: 14px; color: #757575; line-height: 36px; width: 60%;}
.proBox .info .more{margin-top: auto; text-align: right; margin-bottom: 80px;}
.proBox .info .more .detail{padding: 0 32px; border-radius: 18px; border: none; line-height: 36px; display: inline-block; cursor: pointer; transition: all .4s; background: #5896db; font-size: 14px; color: #fff;}
.proBox .info .more .detail:hover{opacity: .8;}
.ProductBox .proBox:nth-child(2n){flex-direction: row-reverse;}
.ProductBox .proBox:nth-child(2n) .info{padding: 30px 0  30px 115px; }
.ProductBox .proBox:nth-child(2n) .info .more{text-align: left;}

.newstop{display: flex;    align-items: center; justify-content: space-between;}
.newstop .tit{width: 70%;font-weight: 500;font-size: 15px;line-height: 1.8;}
.newstop .date{width: 18%;font-weight: 500;font-size: 15px;line-height: 1.8; }
.newslist{}
.newslist li{display: flex; width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);}
.newslist li a{width: 70%;font-weight: 500;word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; font-size: 14px; 
    color: #333;}
.newslist li span{width: 18%; font-weight: 500;font-size: 12px; }
.newsdetailtit{font-weight: 500;font-size: 27px;text-align: center;line-height: 1.8;color: #333;border-bottom: 1px solid rgb(221, 221, 221);padding-bottom: 0.4rem;}
.newsdetailcon{margin-top: 0.75rem;font-size: 15px;line-height: 1.8;color: #333;}

@media (max-width:1262px) {
    .wrap{width: 96%;}
    .header .rightlink{margin-left: 30px;}
    .header .nav ul li a{padding: 0 15px;}
    .banner{height: 576px;}
    .banner .slide div{height:576px;}
    .iAbout .info{padding: 30px 5% 0 5%;}
    .infobanner{height: 388px;}
    .maininfo .honorBox{padding: 30px 2%;}
    .maininfo .honorBox ul.honorlist li{width: 47%;}
    .maininfo .honorBox ul.honorlist li div.pic{width: 50%; margin-right: 5%;}
    .maininfo .honorBox ul.honorlist li .txt{width: 40%;}
    .contactbox .txt{margin: 0; padding: 75px 0 0 10%;}
    .aboutBox .pic img:nth-child(2){width: 50%;}
    .aboutBox .pic img:nth-child(3){width: 45%;}
    .proBox{margin-bottom: 90px;}
    .proBox .info{width: 26%; padding: 30px 5%;}
    .proBox .info .intro{width: 100%;}
    .proBox .info .more{margin-bottom: 40px;}
    .ProductBox .proBox:nth-child(2n) .info{width: 26%; padding: 30px 5%;}
    .aboutBox .aboutcon{margin-top: -126px; padding: 30px; margin-left: 43%;}
    .aboutBox .aboutcon h3{ left: 0; top: -115px;}
}
@media (max-width:990px) {
    .header {height: 88px;}
    .header .rightlink{display: none;}
    .header .nav{ display: none; position: absolute; top: 88px; left: 0; background: #fff; width: 100%; margin: 0; padding: 20px 5%;}
    .header .nav ul {flex-direction:column;}
    .header .nav ul li{width: 100%;line-height: 40px; padding-bottom: 0; border-bottom: 1px solid #f1f1f1; opacity:0;animation: nhead-li-anima .4s forwards;-webkit-animation: nhead-li-anima .4s ease-in forwards;-moz-animation: nhead-li-anima .4s ease-in forwards;-o-animation: nhead-li-anima .4s ease-in ease-in forwards;-ms-animation: nhead-li-anima .4s ease-in forwards;}
    
	
    .header .nav ul li a{color: #5896db; }
    .header .nav ul li:nth-last-child(1){display: block;}
    .header .nav ul li:nth-child(2) a{background: none;}
    .header .nav ul li:nth-child(1){animation-delay: 0;-webkit-animation-delay: 0;-moz-animation-delay: 0;-o-animation-delay: 0;-ms-animation-delay: 0;}
	.header .nav ul li:nth-child(2){animation-delay: .1s;-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-o-animation-delay: .1s;-ms-animation-delay: .1s;}
	.header .nav ul li:nth-child(3){animation-delay: .2s;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-o-animation-delay: .2s;-ms-animation-delay: .2s;}
	.header .nav ul li:nth-child(4){animation-delay: .3s;-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-o-animation-delay: .3s;-ms-animation-delay: .3s;}
	.header .nav ul li:nth-child(5){animation-delay: .4s;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-o-animation-delay: .4s;-ms-animation-delay: .4s;}
	.header .nav ul li:nth-child(6){animation-delay: .5s;-webkit-animation-delay: .5s;-moz-animation-delay: .5s;-o-animation-delay: .5s;-ms-animation-delay: .5s;}
	.header .nav ul li:nth-child(7){animation-delay: .6s;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-o-animation-delay: .5s;-ms-animation-delay: .6s;}
	
    
    @keyframes nhead-li-anima{
		from{-webkit-transform: translate3d(0,-20%,0);transform: translate3d(0,-20%,0);opacity: 0;}
		to{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
	}
	@-webkit-keyframes nhead-li-anima{
		from{-webkit-transform: translate3d(0,-20%,0);transform: translate3d(0,-20%,0);opacity: 0;}
		to{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
	}
	@-moz-keyframes nhead-li-anima{
		from{-webkit-transform: translate3d(0,-20%,0);transform: translate3d(0,-20%,0);opacity: 0;}
		to{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
	}
	@-o-keyframes nhead-li-anima{
		from{-webkit-transform: translate3d(0,-20%,0);transform: translate3d(0,-20%,0);opacity: 0;}
		to{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
	}
	@-ms-keyframes nhead-pull-anima{
		from{-webkit-transform: translate3d(0,-20%,0);transform: translate3d(0,-20%,0);opacity: 0;}
		to{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
	}
    
    .header .nav.open{display: block; z-index: 999999;}
    .mobileweb{display: block!important;}
    .header .lang{display: none;}
    .mbbox a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.mbbox a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
    .banner{height: 456px;}
    .banner .slide div{height:456px;}
    .infobanner{height: 330px;}
    .iAbout .info{padding: 30px 5% 0 5%; width: 40%;} 
    .iAbout .pic{width: 49%;}
    .proBox{margin-bottom: 80px;}
    .proBox .info .more{margin-bottom: 20px;}
    .contactbox .txt{margin: 0; padding: 45px 0 0 10%;}
}
@media (max-width:768px) {
    .banner{height: 420px;}
    .banner .slide div{height:420px;}
    .iAbout .info .txt{margin-bottom: 30px;}
    .footer .wrap{flex-wrap: wrap;}
    .footer .logo{width: 100%;}
    .footer .contactinfo{width: 50%；}
    .footer .ewm{width: 50%; text-align: right; padding: 0;}
    .infobanner{height: 300px;}
    .maininfo .honorBox ul.honorlist li{width: 45%;}
    .contactbox .txt{margin: 0; padding: 15px 0 0 10%;}
    .feedbackbox .inputBox .lineD{width: 45%;}
    .aboutBox{flex-wrap: wrap;}
    .aboutBox .aboutcon,.aboutBox .pic{width: 90%; margin: 0 auto; padding: 5%; box-shadow: none; }
    .aboutBox .aboutcon h3{position: static; text-align: center; line-height: 40px; margin-bottom: 10px;}
    .aboutBox .pic{width: 94%; margin: 0 auto; }
    .proBox .info{width: 30%; padding: 10px 3%;}
    .proBox .info .more{margin-bottom: 10px;}
    .ProductBox .proBox:nth-child(2n) .info{width: 30%; padding: 10px 3%;}
    .proBox{margin-bottom: 60px;}
    .iTit{text-align: center;}
}
@media (max-width:660px) {
    .feedbackbox .inputBox .lineD{width: 90%;}
    .maininfo .infoTit a{margin: 0 10px;}
    .proBox{margin-bottom: 50px; }
    .ProductBox{ padding-top: 0; }
    .maininfo .infoTit.procat{margin-bottom: 20px;}
    .maininfo .infoTit{margin-bottom: 20px; height: 60px; line-height: 60px; }
}
@media (max-width:547px) {
    .banner{height: 290px;}
    .banner .slide div{height:290px;}
    .iAbout .con{flex-wrap: wrap;}
    .iAbout .info{ width: 90%; padding: 20px 5%;}
    .iAbout .pic{ width: 100%;}
    .iAbout .info .txt{margin-bottom: 20px;}
    .iPro .iProcate ul{flex-wrap: wrap;}
    .iPro .iProcate ul li{width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .iPro .iProcate ul li:nth-child(2n){margin-right: 0;}
    .footer .wrap{width: 80%;}
    .footer .contactinfo{width: 100%；}
    .footer .ewm{width: 100%; text-align: left; padding: 10px 0;}
    .infobanner{height: 230px;}
    .maininfo .honorBox{padding: 20px;}
    .maininfo .honorBox ul.honorlist li{width: 100%;}
    .contactbox{flex-wrap: wrap;}
    .contactbox .pic{width: 100%;}
    .contactbox .txt{margin: 0; padding: 40px 0 0 10%;}
    .feedbackbox .fbBox2{padding: 30px;}
    .feedbackbox .inputBox .lineD{width: 100%; padding: 0;}
    .feedbackbox .inputBox .lineD label{padding-left: 22px;}
    .feedbackbox .inputBox .lineD input.txt{width: calc(100% - 97px);}
    .feedbackbox .inputBox .lineDB .btn.success{margin-right: 10px;}
    .aboutBox{padding: 20px 10px;}
    .proBox{margin-bottom: 40px; flex-wrap: wrap;}
    .proBox .pic{width: 100%;}
    .proBox .info{width: 100%; padding: 10px;}
    .proBox .info .more{display: none;}
    .proBox .info .tit{margin-bottom: 20px;}
    .proBox .info .intro{line-height: 26px;font-size: 12px;}
    .ProductBox .proBox:nth-child(2n) .info{width: 100%; padding: 10px;}
    .proBox .info .more .detail{ font-size: 12px; line-height: 26px; border-radius: 13px;  padding: 0 20px;}
    .maininfo .infoTit a{margin: 0 4px; font-size: 14px;}
    
    .maininfo .infoTit.procat{height: auto; padding: 15px 0; line-height: 30px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .maininfo .infoTit.procat a{width: 26%; text-align: left;}
    .footer a{color: #fff;}
    .iAbout .info{font-size: 14px;}
    .contactbox .txt .ct{font-size: 18px; color: #0065e4; line-height: 40px;}
    
}